var q = {
    pagenum: 1, // 页码值，默认请求第一页的数据
    pagesize: 2, // 每页显示几条数据，默认每页显示2条
    cate_id: '', // 文章分类的 Id
    state: '' // 文章的发布状态
}


template.defaults.imports.dateformat = function(time){
    var dt = new Date(time);
    var y = dt.getFullYear()
    var m = (dt.getMonth()+1).toString().padStart(2,'0');
    var d = (dt.getDate()).toString().padStart(2,'0')

    var hh = (dt.getHours()).toString().padStart(2,'0')
    var mm = (dt.getMinutes()).toString().padStart(2,'0')
    var ss = (dt.getSeconds()).toString().padStart(2,'0')

    var str = `${y}年${m}月${d}日${hh}时${mm}分${ss}秒`;
    return str;
}

$(function () {
    //获取文章列表数据可能重复做
    // 定义一个查询的参数对象，将来请求数据的时候，
    // 需要将请求参数对象提交到服务器
    
    initTable();
    initCate();

    //筛选功能
    $('#filterForm').on('submit',function(e){
        e.preventDefault();
        q.cate_id = $('[name="cate_id"]').val();
        q.state = $('[name="state"]').val();
        initTable();
    })


    //删除文章功能 
    $('tbody').on('click','.remove',function(){
        var id = $(this).attr('data-id');
        layer.confirm('确定要删除?', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                method:'get',
                url:'/my/article/delete/'+id,
                success:function(res){
                    if(res.status != 0)return layer.msg('删除失败');
                    layer.msg('删除成功');
                    //如果当前页全被删除，就显示上一页
                    if($('.remove').length==1){
                        // 没有第0页
                        q.pagenum = q.pagenum == 1 ? 1:q.pagenum - 1;
                    }
                    initTable();//删除成功之后列表数据变旧了，重新发送一次ajax请求
                }
            })
            layer.close(index);
        });
    })
})

//获取文章列表数据
function initTable() {
    $.ajax({
        method:'get',
        url:'/my/article/list',
        data:q,
        success:function(res){
            if(res.status !=0)return layer.msg('获取数据失败');
            console.log(res);
            var str = template('tpl',res);
            $('tbody').html(str);
            //分页
            renderPage(res.total);//total数据总条数
        }
    })
}


function initCate(){
    $.ajax({
        method:'get',
        url:'/my/article/cates',
        success:function(res){
            console.log(res);
            var str = template('cate-tpl',res)
            $('[name="cate_id"]').html(str);
            layui.form.render('select'); //刷新select选择框渲染
        }
    })
}

function renderPage(total){
    console.log(total)
    //执行一个laypage实例
    layui.laypage.render({
        elem: 'pageBox', //注意，这里的 test1 是 ID，不用加 # 号
        count: total, //数据总数，从服务端得到
        limit:q.pagesize,//每页条数
        curr:q.pagenum,//当前页
        limits:[1,2,3,4,5,6],
        layout:['count','limit','prev','page','next','skip'],
        jump:function(obj,first){
            console.log(obj);
            q.pagenum = obj.curr;
            q.pagesize = obj.limit;
            if(!first){
                initTable();
            }
        }
  });
}
